.footer {
  min-width: var(--pagewidth);
  max-width: 100%;
  background-color: var(--theme);
  min-height: 156px;
  margin-top: 40px;

  >section {
    width: var(--pagewidth);
    margin: 0 auto;
    padding: 25px 0;

    >p {
      font-size: 18px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: var(--fontfff);
      line-height: 25px;
      margin-bottom: 17px;
    }

    >div {
      display: grid;
      grid-template-columns: repeat(8, 1fr);
      grid-gap: 15px 50px;
      place-content: center;
      // justify-items: center;// align-items: center;
      place-items: center;

      >a {
        font-size: 14px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: var(--fontfff);
        line-height: 22px;
        // align-items: center;// display: flex;
        // align-items: center;
      }
    }
  }
}


.info {
  height: 137px;
  min-width: var(--pagewidth);
  max-width: 100%;
  background: #222222;

  >section {
    width: var(--pagewidth);
    margin: 0 auto;
    padding-top: 15px;

    >p {
      &:first-child {
        font-size: 18px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: var(--fontfff);
        line-height: 25px;
        margin-bottom: 15px;
      }

      &:last-child {
        font-size: 18px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: var(--fontfff);
        line-height: 25px;
      }
    }
  }
}

.h5footer {
  width: 7.5rem;
  min-width: 7.5rem;
  min-height: auto;
  margin-top: 0rem;

  >section {
    width: 7.5rem;
    margin: 0 auto;
    padding: 0.25rem 0.2rem;

    >p {
      font-size: 0.24rem;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: var(--fontfff);
      margin-bottom: 0.1rem;
    }

    >div {
      display: flex;
      grid-template-columns: none;
      grid-gap: none;
      flex-wrap: wrap;
      grid-gap: 0;
      justify-content: flex-start;

      >a {
        margin-right: 0.42rem;
        font-size: 0.2rem;
        line-height: 0.4rem;
      }
    }
  }
}

.h5info {
  width: 7.5rem;
  min-width: 7.5rem;

  height: auto;
  padding: 0.25rem;

  >section {
    padding: 0;
    width: 100%;

    >p {
      font-size: 0.2rem !important;
      line-height: 0.4rem !important;

      &:first-child {
        margin-bottom: 0.2rem !important;
      }
    }
  }
}


.download {
  width: 7.10rem;
  height: 1.04rem;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.52rem;
  position: fixed;
  bottom: 0.4rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  backdrop-filter: blur(8px);

  img {
    border-radius: 50%;
    width: 0.88rem;
    height: 0.88rem;
    object-fit: cover;
    object-position: center;
    background-color: var(--bgfff);
    margin-left: 0.08rem;
  }

  >div {
    display: flex;
    align-items: center;


    >span {
      display: flex;
      flex-direction: column;
      font-size: 0.28rem;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: var(--fontfff);
      margin-left: 0.1rem;
      letter-spacing: 0.01rem;


      >em {
        &:last-child {
          font-size: 0.2rem;
        }
      }
    }
  }

  .downbtn {
    width: 1.54rem;
    height: 0.62rem;
    background: #DAB500;
    border-radius: 0.32rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.24rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: var(--fontfff);
    margin-left: auto;
  }

  .close {
    color: rgba(255, 255, 255, 0.5);
    margin-left: 0.24rem;
    margin-right: 0.36rem;
  }
}